import styled from 'styled-components';

export const DetailWrap = styled.div`
  width:630px;
  height: 700px;
  margin: 50px auto;
  .detail_title{
    word-break: break-word!important;
    word-break: break-all;
    margin: 20px 0 0;
    font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3;
  }
`;
export const AuthorDeac = styled.div`
   margin: 30px 0 40px;
   .imgBox{
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block;
    img{
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        border-radius: 50%;
    }
   }
   .detail_title_info{
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    h3{
        margin:0;
        .case{
            padding:3px 8px;
            background:#42c02e;
            color: #fff;
            margin-left:10px;
            border-radius:12px;
            font-size:12px;
        }
    }
    p{
        margin: 0;
    }
   }
`;
export const Article = styled.div`
  p{
    word-break: break-word!important;
    margin: 0 0 25px;
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
  }
  .Article_imgBox{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 25px 0;
    img{
        width: 100%;
    }
  }
`;
export const IsEmpty = styled.div`
  width:630px;
  height: 700px;
  margin: 50px auto;
  font-size:23px;
  color: #000;
  font-weight:bolder;
  text-align:center;
`;